.icon-img {
    width: 42rpx;
    height: 42rpx;
}

.product-con .conter img {
    width: 750rpx!important;
    height: unset!important
}

.product-con .wrapper {
    background-color: #fff;
    padding: 30rpx 24rpx;
    margin-top: 30rpx;
}

.product-con .wrapper .share {
    // margin: 0 30rpx;
    // padding-top: 25rpx
}

.product-con .wrapper .share .money {
    font-size: 28rpx;
    font-weight: 700
}

.product-con .wrapper .share .money .num {
    font-size: 48rpx
}

.product-con .wrapper .share .money .vip-money {
    color: #282828;
    margin-left: 13rpx
}

.product-con .wrapper .share .money image {
    width: 46rpx;
    height: 21rpx;
    margin-left: 7rpx
}

.product-con .wrapper .share .money .vip-money {
    color: #282828;
    margin-left: 13rpx
}

.product-con .wrapper .share .iconfont {
    color: #999;
    font-size: 36rpx;
    margin-bottom: 10rpx
}

.product-con .wrapper .introduce {
    font-size: 32rpx;
    font-weight: 700;
    margin: 16rpx 0 26rpx 0;
}

.product-con .wrapper .label {
    // margin-bottom: 40rpx;
    font-size: 24rpx;
    color: #82848f;
}

.product-con .wrapper .coupon {
    // height: 80rpx;
    margin-top: 40rpx;
    font-size: 26rpx;
    color: #82848f
}

.product-con .wrapper .coupon .hide {
    // width: 540rpx;
    // height: 80rpx;
    // line-height: 80rpx
}

.product-con .wrapper .coupon .activity {
    // height: 40rpx;
    padding: 0 20rpx;
    border: 1rpx solid #E93323;
    color: #E93323;
    font-size: 24rpx;
    // line-height: 40rpx;
    position: relative;
    margin-left: 4rpx;
}

.product-con .wrapper .coupon .activityBox {
    margin-left: 4rpx;
}

.product-con .wrapper .coupon .activity:before {
    content: ' ';
    position: absolute;
    width: 7rpx;
    height: 10rpx;
    border-radius: 0 7rpx 7rpx 0;
    border: 1rpx solid #f2857b;
    background-color: #fff;
    bottom: 50%;
    left: -3rpx;
    margin-bottom: -6rpx;
    border-left-color: #fff
}

.product-con .wrapper .coupon .activity:after {
    content: ' ';
    position: absolute;
    width: 7rpx;
    height: 10rpx;
    border-radius: 7rpx 0 0 7rpx;
    border: 1rpx solid #f2857b;
    background-color: #fff;
    right: -3rpx;
    bottom: 50%;
    margin-bottom: -6rpx;
    border-right-color: #fff
}

.product-con .wrapper .coupon .iconfont {
    color: #7a7a7a;
    font-size: 24rpx
}

.product-con .attribute {
    background-color: #fff;
    padding: 0 24rpx;
    font-size: 26rpx;
    color: #82848f;
    height: 80rpx
}

.product-con .attribute .atterTxt {
    font-size: 28rpx;
    color: #282828;
    margin-left: 4rpx;
}

.product-con .attribute .iconfont {
    font-size: 24rpx;
    color: #7a7a7a
}

.product-con .userEvaluation {
    // padding: 0 30rpx;
}

.product-con .userEvaluation i {
    font-style: normal;
    margin-left: 8rpx;
    font-size: 24rpx;
    color: #999999;
}

.product-con .userEvaluation .title {
    height: 86rpx;
    background-color: #fff;
    font-size: 28rpx;
    color: #282828;
    padding: 0 24rpx;
    border-top-left-radius: 14rpx;
    border-top-right-radius: 14rpx;
}

.product-con .userEvaluation .title .praise {
    font-size: 28rpx;
    color: grey
}

.product-con .userEvaluation .title .praise .iconfont {
    color: #7a7a7a;
    font-size: 24rpx;
    vertical-align: 1rpx;
    margin-left: 8rpx
}

.product-con .product-intro {
    position: relative;
    // margin-top: 20rpx;
    width: 100%;
    overflow: hidden;
}

.product-con .product-intro image {
    width: 20rpx;
    height: 20rpx;
}

.product-con .product-intro .title {
    font-size: 30rpx;
    color: #282828;
    height: 102rpx;
    width: 100%;
    text-align: center;
    line-height: 102rpx
}

.product-con .product-intro .title .sp {
    margin: 0 14rpx;
}

.product-con .product-intro .conter {
    width: 100%;
    word-wrap: break-word;
}

.product-con .product-intro .conter image {
    width: 100%!important;
    display: block!important
}

.goodsStyle {
    margin-top: 20rpx;
    background-color: #fff;
    padding: 25rpx 24rpx;
}

.goodsStyle .pictrue {
    width: 120rpx;
    height: 120rpx
}

.goodsStyle .pictrue image {
    width: 100%;
    height: 100%;
    border-radius: 6rpx
}

.goodsStyle .text {
    width: 500rpx;
    font-size: 28rpx;
    color: #333333
}

.goodsStyle .text .name,
.attr {
    width: 360rpx;
    color: #282828;
    height: 2;
}

.goodsStyle .text .money {
    text-align: right;
    color: #999999;
    font-size: 28rpx;
}

.goodsStyle .text .money .num {
    margin-top: 7rpx
}

.goodWrapper .item {
    // padding: 0 24rpx;
    border-bottom: 2rpx solid #f0f0f0;
    height: 180rpx
}

.goodWrapper .item .pictrue {
    width: 136rpx;
    height: 136rpx
}

.goodWrapper .item .pictrue image {
    width: 100%;
    height: 100%;
    border-radius: 14rpx
}

.goodWrapper .item .text {
    // width: 490rpx;
    position: relative;
    flex: 1;
    margin-left: 30rpx;
    height: 136rpx;
}

.goodWrapper .item .text .name {
    width: 445rpx;
    font-size: 30rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 42rpx;
}

.goodWrapper .item .text .num {
    font-size: 26rpx;
    color: #868686
}

.goodWrapper .item .text .attr {
    margin-top: 18rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 44rpx;
}

.goodWrapper .item .text .money {
    font-size: 26rpx;
    margin-top: 17rpx
}

.goodWrapper .item .text .evaluate {
    position: absolute;
    width: 114rpx;
    height: 46rpx;
    border: 1rpx solid #bbb;
    border-radius: 4rpx;
    text-align: center;
    line-height: 46rpx;
    right: 0;
    bottom: -5rpx
}

.goodWrapper .item .text .evaluate.userEvaluated {
    font-size: 26rpx;
    color: #aaa;
    background-color: #f7f7f7;
    border-color: #f7f7f7
}

.promoterHeader {
    width: 100%;
    height: 220rpx
}

.promoterHeader .headerCon {
    width: 100%;
    height: 100%;
    padding: 58rpx 60rpx 0 60rpx;
    box-sizing: border-box;
    font-size: 28rpx;
    color: #fff;
    background-image: url('');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.promoterHeader .headerCon .name {
    margin-bottom: 10rpx;
}

.promoterHeader .headerCon .num {
    font-size: 50rpx;
}

.promoterHeader .headerCon .iconfont {
    font-size: 125rpx;
}

.sign-record .list .item .data {
    height: 80rpx;
    line-height: 80rpx;
    font-size: 24rpx;
    color: #666;
}

.sign-record .list .item .listn {
    font-size: 24rpx;
    color: #999;
    background-color: #fff;
}

.sign-record .list .item .listn .itemn {
    height: 120rpx;
    border-bottom: 1rpx solid #eee;
    padding: 0 24rpx;
}

.sign-record .list .item .listn .itemn .name {
    width: 390rpx;
    font-size: 28rpx;
    color: #282828;
    margin-bottom: 10rpx;
}

.sign-record .list .item .listn .itemn .num {
    font-size: 36rpx;
    font-family: 'Guildford Pro';
    color: #16ac57;
}

.coupon-list {
    padding: 0 30rpx;
    margin-top: 25rpx;
}

.coupon-list .item {
    width: 100%;
    height: 170rpx;
    margin-bottom: 16rpx;
}

.coupon-list .item .money {
    background-image: url('');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 240rpx;
    height: 100%;
    color: #fff;
    font-size: 36rpx;
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.coupon-list .item .money.moneyGray {
    background-image: url('');
}

.coupon-list .item .money .num {
    font-size: 60rpx;
}

.coupon-list .item .text {
    width: 450rpx;
    padding: 0 17rpx 0 24rpx;
    box-sizing: border-box;
    background-color: #fff;
}

.coupon-list .item .text .condition {
    font-size: 26rpx;
    color: #282828;
    height: 93rpx;
    padding-top: 18rpx;
}

.coupon-list .item .text .data {
    font-size: 20rpx;
    color: #999;
    height: 76rpx;
}

.coupon-list .item .text .data .bnt {
    width: 136rpx;
    height: 44rpx;
    border-radius: 22rpx;
    font-size: 22rpx;
    text-align: center;
    line-height: 44rpx;
    color: #fff;
}

.coupon-list .item .text .data .bnt.gray {
    background-color: #ccc;
}

.noCommodity {
    //border-top: 7rpx solid #f5f5f5
}

.noCommodity .pictrue {
    width: 414rpx;
    height: 336rpx;
    margin: 30rpx auto 30rpx auto
}

.noCommodity .pictrue image {
    width: 100%;
    height: 100%
} // 登录、注册、忘记密码
.register {
    background-image: linear-gradient(to bottom, #eb5447 0, #ff8e3b 100%);
    width: 100%;
    height: 100vh
}

.register .shading {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 286rpx;
    padding-top: 70rpx;
}

.register .shading .pictrue {
    width: 172rpx;
    height: 172rpx;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .8);
    margin: 0 auto
}

.register .shading .pictrue image {
    width: 164rpx;
    height: 164rpx;
    border-radius: 50%;
    display: block
}

.register .whiteBg {
    width: 620rpx;
    border-radius: 16rpx;
    background-color: #fff;
    margin: 30rpx auto 0 auto;
    padding: 45rpx 30rpx 0 30rpx
}

.register .whiteBg .title {
    font-size: 36rpx;
    color: #282828;
    text-align: center;
    font-weight: 700
}

.register .whiteBg .title .item~.item {
    margin-left: 85rpx
}

.register .whiteBg .title .item {
    color: #999;
    border-bottom: 5rpx solid #fff;
    padding-bottom: 10rpx
}

.register .whiteBg .title .item.on {
    color: #282828;
    border-bottom-color: #f35749
}

.register .whiteBg .list .item {
    border-bottom: 1rpx solid #ededed;
    padding: 47rpx 0 13rpx 0;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.register .whiteBg .list .item .name {
    font-size: 26rpx;
    color: #2d3342;
    margin-bottom: 27rpx;
    text-align: left
}

.register .whiteBg .list .item image {
    width: 40rpx;
    height: 40rpx;
    display: block
}

.register .whiteBg .list .item input {
    font-size: 32rpx;
    flex: 1;
    margin-left: 20rpx
}

.register .whiteBg .list .item .placeholder {
    color: #ccc
}

.register .whiteBg .list .item .codeIput {
    width: 250rpx;
    margin-left: 20rpx
}

.register .whiteBg .list .item .code {
    position: absolute;
    width: 150rpx;
    height: 50rpx;
    background-color: #f35446;
    border-radius: 30rpx;
    color: #fff;
    line-height: 50rpx;
    text-align: center;
    bottom: 17rpx;
    right: 0;
    font-size: 25rpx
}

.register .whiteBg .list .item .code.on {
    background-color: #bbb
}

.register .whiteBg .list .forgetPwd {
    text-align: right;
    font-size: 28rpx;
    color: #666;
    margin-top: 20rpx
}

.register .whiteBg .list .forgetPwd .iconfont {
    font-size: 30rpx;
    margin-right: 10rpx;
    vertical-align: middle
}

.register .whiteBg .logon {
    font-size: 34rpx;
    color: #fff;
    font-weight: 700;
    height: 86rpx;
    border-radius: 43rpx;
    background: linear-gradient(to right, #f35447 0, #ff8e3c 100%);
    text-align: center;
    line-height: 86rpx;
    margin-top: 47rpx
}

.register .whiteBg .tip {
    height: 110rpx;
    text-align: center;
    line-height: 105rpx;
    font-size: 30rpx;
    color: #ccc
}

.register .bottom {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 620rpx;
    height: 36rpx;
    margin: 0 auto;
} // 首页修改轮播内部样式；
.index-bg .uni-swiper-dot {
    width: 20rpx!important;
    height: 5rpx!important;
    border-radius: 3rpx
}

.boutique .uni-swiper-dot {
    width: 7rpx!important;
    height: 7rpx!important;
    border-radius: 50%
}

.boutique .uni-swiper-dot-active {
    width: 20rpx!important;
    border-radius: 5rpx!important
}

.statistical-page .mc-body {
    padding-bottom: 0
}

.statistical-page .mpvue-calendar {
    min-width: 100%
}

.statistical-page .mpvue-calendar table {
    margin: 0
}

.statistical-page .mpvue-calendar td {
    border-right: 1px solid #fff;
    padding: 0;
    width: 14%!important
}

.statistical-page .calendar-tools {
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -o-box-shadow: unset;
    -moz-box-shadow: unset
}

.statistical-page .mc-head-box div {
    font-size: 14px
}

.statistical-page .mpvue-calendar td:not(.disabled) span.mc-date-red {
    color: unset
}

.statistical-page .mpvue-calendar .mc-range-mode .mc-range-begin span.calendar-date,
.statistical-page .mpvue-calendar .mc-range-mode .mc-range-end span.calendar-date {
    border-radius: 0;
    background-color: #2291f8!important
}

.statistical-page .mpvue-calendar td.selected span.mc-date-red {
    color: #fff
}

.statistical-page .mc-range-mode .selected .mc-range-bg {
    background-color: #a0dcf9
}

.statistical-page .mpvue-calendar .mc-range-mode .mc-range-row-first .calendar-date,
.statistical-page .mpvue-calendar .mc-range-mode .mc-range-row-last .calendar-date {
    background-color: #a0dcf9
}

.statistical-page .mpvue-calendar .mc-range-mode .selected.mc-range-second-to-last span {
    background-color: #a0dcf9
}

.statistical-page .mpvue-calendar .mc-range-mode .mc-range-month-first.selected .calendar-date,
.statistical-page .mpvue-calendar .mc-range-mode .mc-range-month-last.selected .calendar-date {
    background-color: #a0dcf9
}

.statistical-page .mc-today-element .calendar-date {
    border-radius: 0;
    background-color: unset
}

.new-users .uni-swiper-dot {
    width: 8px;
    height: 4px;
    background: rgba(0, 0, 0, .15);
    border-radius: 2px
}

.new-users .uni-swiper-dot-active {
    width: 16px;
    height: 4px;
    background: rgba(233, 51, 35, 1)!important;
    border-radius: 2px
}

.pictrue_log {
    width: 80rpx;
    height: 40rpx;
    border-radius: 10rpx 0 10rpx 0;
    line-height: 40rpx;
    font-size: 24rpx
}

.pictrue_log_class {
    background: -webkit-gradient(linear, left top, right top, from(rgba(246, 122, 56, 1)), to(rgba(241, 27, 9, 1)));
    background: linear-gradient(90deg, rgba(246, 122, 56, 1) 0, rgba(241, 27, 9, 1) 100%);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    z-index: 3
}

.pictrue_log_medium {
    width: 80rpx;
    height: 44rpx;
    border-radius: 20rpx 0 20rpx 0;
    line-height: 44rpx;
    text-align: center;
    font-size: 26rpx
}

.pictrue_log_big {
    width: 100rpx;
    height: 46rpx;
    line-height: 46rpx;
    border-radius: 20rpx 0 20rpx 0;
    font-size: 28rpx
}

.spike-box .styleAll {
    background-color: #ffdfdd;
    color: #E93323;
    padding: 0 5rpx
}

.product-con .nav .time .timeTxt {
    color: #fff
}

.bg-color-hui {
    background: #bbb!important
}

.page_content .swiper .uni-swiper-dot {
    width: 20rpx!important;
    height: 5rpx!important;
    border-radius: 3rpx;
    background: rgba(0, 0, 0, .4)!important
}

.page_content .swiper .uni-swiper-dot-active {
    width: 20rpx!important;
    border-radius: 5rpx!important;
    background: #fff!important
}

.pictrue_log_xl {
    background: linear-gradient(90deg, rgba(246, 122, 56, 1) 0, rgba(241, 27, 9, 1) 100%)
}

.pictrue_log_xl_gray {
    background: linear-gradient(90deg, rgba(102, 102, 102, 1) 0, rgba(153, 153, 153, 1) 100%)
}

.pictrue_log_xl_blue {
    background: linear-gradient(90deg, rgba(26, 163, 246, 1) 0, rgba(24, 192, 244, 1) 100%)
}

.flex-aj-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.page-index.bgf .noCommodity {
    border-top: 0;
}

.product-con .red {
    color: #82848f!important;
}

uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
    border: 2rpx solid #9A9A9A;
}

.bg-green {
    background-color: #3CBB45;
}